"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = BadgeExample;

var _react = _interopRequireDefault(require("react"));

var _button = _interopRequireDefault(require("../../../button"));

var _components = require("@tarojs/components");

var _index = _interopRequireDefault(require("../../index"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function BadgeExample() {
  return /*#__PURE__*/_react.default.createElement(_components.View, {
    className: "page"
  }, /*#__PURE__*/_react.default.createElement(_components.View, {
    style: {
      height: '20px'
    }
  }), /*#__PURE__*/_react.default.createElement(_components.View, null, /*#__PURE__*/_react.default.createElement(_components.Text, null, "\u6570\u5B57"), /*#__PURE__*/_react.default.createElement(_index.default, {
    info: "99+"
  }, /*#__PURE__*/_react.default.createElement(_button.default, null, "\u6570\u5B57"))), /*#__PURE__*/_react.default.createElement(_components.View, null, /*#__PURE__*/_react.default.createElement(_components.Text, null, "\u6587\u672C"), /*#__PURE__*/_react.default.createElement(_index.default, {
    info: "New"
  }, /*#__PURE__*/_react.default.createElement(_button.default, null, "\u6587\u672C"))), /*#__PURE__*/_react.default.createElement(_components.View, null, /*#__PURE__*/_react.default.createElement(_components.Text, null, "\u5C0F\u7EA2\u70B9"), /*#__PURE__*/_react.default.createElement(_index.default, {
    dot: true
  }, /*#__PURE__*/_react.default.createElement(_button.default, null, "\u5C0F\u7EA2\u70B9"))), /*#__PURE__*/_react.default.createElement(_components.View, null, /*#__PURE__*/_react.default.createElement(_components.Text, null, "\u65B9\u5F62"), /*#__PURE__*/_react.default.createElement(_index.default, {
    square: true,
    info: "88\u6298"
  }, /*#__PURE__*/_react.default.createElement(_button.default, {
    className: "long-button"
  }, "\u914D\u5408\u957F\u6309\u94AE\u4F7F\u7528"))), /*#__PURE__*/_react.default.createElement(_components.View, null, /*#__PURE__*/_react.default.createElement(_components.Text, null, "\u81EA\u5B9A\u4E49\u80CC\u666F\u8272"), /*#__PURE__*/_react.default.createElement(_index.default, {
    square: true,
    info: "88\u6298",
    color: "#FF9C19"
  }, /*#__PURE__*/_react.default.createElement(_button.default, null, "\u914D\u5408\u957F\u6309\u94AE\u4F7F\u7528"))), /*#__PURE__*/_react.default.createElement(_components.View, null, /*#__PURE__*/_react.default.createElement(_components.Text, null, "\u5706\u5F62"), /*#__PURE__*/_react.default.createElement(_index.default, {
    circle: true,
    info: "12"
  }, /*#__PURE__*/_react.default.createElement(_button.default, {
    className: "long-button"
  }, "\u914D\u5408\u957F\u6309\u94AE\u4F7F\u7528"))));
}